$main-color:#19A251;
$orange-color:#ed9400;
$mongolia-color: rgba(0,0,0,0.3);
$title-bgColor:#e5e5e5;
$bg-color: #f5f5f5;
$line-color:#e5e5e5;
$text-color: #7a7a7a;
$SandyBrown-color:#FEB445;
$time-color:#FFE6CB;
$honey-color:#E5FDEB;
$weiChar-color:#2CA146;
@mixin radius($range){
  border-radius: $range;
  -moz-border-radius:$range;
  -webkit-border-radius: $range;
}
@mixin LongtextHidden {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@mixin transformXY($x,$y){
  transform: translate($x,$y);
  -o-transform: translate($x,$y);
  -ms-transform: translate($x,$y);
  -webkit-transform:translate($x,$y);
  -moz-transform: translate($x,$y);
}
@mixin transformX($x){
  transform: translateX($x);
  -o-transform: translateX($x);
  -ms-transform: translateX($x);
  -webkit-transform:translateX($x);
  -moz-transform: translateX($x);
}
@mixin transformY($y){
  transform: translateY($y);
  -o-transform: translateY($y);
  -ms-transform: translateY($y);
  -webkit-transform:translateY($y);
  -moz-transform: translateY($y);
}
@mixin reloadButton{
  border: 0;
  outline: 0;
  background-color: white;
}
@mixin slideUp($position){
  animation: slide-up 0.3s linear;
  @keyframes slide-up {
    0%{
      transform: translateY($position);
    }
    100%{

      transform: translateY(0px);
    }
  }
}
@mixin slideDown($position){
  animation: slideDown 0.3s linear;
  @keyframes slideDown {
    0%{
      transform: translateY(0px);
    }
    100%{
      transform: translateY($position);
    }
  }
}
@mixin fadeIn(){
  animation: fadeIn 0.5s linear;
  @keyframes fadeIn{
    from{
     opacity: 0;
    }
    to{
      opacity: 1;
    }

  }
}
@mixin fadeOut(){
  animation: fadeOut 0.5s linear;
  @keyframes fadeOut{
    from{
      opacity: 1;
    }
    to{
      opacity: 0;
    }

  }
}
@mixin bgColor(){
  background-color: #ebebeb;
  animation: bgColor 1.5s infinite ease-in-out;
  @keyframes bgColor {
     50%{
       opacity: 0.6;
     }
  }
}
@mixin price(){
  content: '\00A5';
}
@mixin addressLine{
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  height: 2px;
  background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
  background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
  background-size: 80px;
  content: '';

}

